<link rel="stylesheet" href="app/collection/css/collection.css"/>
<div class="analysis_main">
    <div class="row">
        <div class="col-sm-12">
            <label for="analysis_value" class="control-label">Filed Value:</label>
            <textarea id="analysis_value" ng-model="analysis_value" class="form-control"></textarea>
        </div>
    </div>
    <div class="row analysis_toolbar">
        <div class="col-sm-9">
            <select ng-model="analysis_name" class="form-control">
                <optgroup label="Field Name">
                    <option ng-repeat="field in fields" value="{{field.name}}">{{ field.name }}</option>
                </optgroup>
                <optgroup label="Field Type">
                    <option ng-repeat="type in types" value="{{type.name}}">{{ type.name }}</option>
                </optgroup>
            </select>
            <input type="checkbox" ng-model="analysis_query" id="analysis_query"/><label for="analysis_query" class="form-controller">Query Analysis</label>
            <input type="checkbox" ng-model="analysis_index" id="analysis_index"/><label for="analysis_index" class="form-controller">Index Analysis</label>
        </div>
        <div class="col-sm-3 text-right">
            <button class="btn btn-primary" ng-click="analysis()">Analysis</button>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12" ng-show="query_field_result != null">
            <label class="control-label">Query:</label>
            <table class="table table-striped table-bordered table-hover" ng-show="query_field_result != null">
                <tr>
                    <td>text</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.text}}</td>
                </tr>
                <tr>
                    <td>raw_bytes</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.raw_bytes}}</td>
                </tr>
                <tr>
                    <td>start</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.start}}</td>
                </tr>
                <tr>
                    <td>end</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.end}}</td>
                </tr>
                <tr>
                    <td>type</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.type}}</td>
                </tr>
                <tr>
                    <td>position</td>
                    <td ng-repeat="analysis_obj in query_field_result">{{analysis_obj.position}}</td>
                </tr>
            </table>
        </div>
        <div class="col-sm-12" ng-show="query_type_result != null">
            <label class="control-label">Query:</label>
            <table class="table table-striped table-bordered table-hover" ng-show="query_type_result != null">
                <tr>
                    <td>text</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.text}}</td>
                </tr>
                <tr>
                    <td>raw_bytes</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.raw_bytes}}</td>
                </tr>
                <tr>
                    <td>start</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.start}}</td>
                </tr>
                <tr>
                    <td>end</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.end}}</td>
                </tr>
                <tr>
                    <td>type</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.type}}</td>
                </tr>
                <tr>
                    <td>position</td>
                    <td ng-repeat="analysis_obj in query_type_result">{{analysis_obj.position}}</td>
                </tr>
            </table>
        </div>
        <div class="col-sm-12" ng-show="index_field_result != null">
            <label class="control-label">Index:</label>
            <table class="table table-striped table-bordered table-hover" ng-show="index_field_result != null">
                <tr>
                    <td>text</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.text}}</td>
                </tr>
                <tr>
                    <td>raw_bytes</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.raw_bytes}}</td>
                </tr>
                <tr>
                    <td>start</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.start}}</td>
                </tr>
                <tr>
                    <td>end</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.end}}</td>
                </tr>
                <tr>
                    <td>type</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.type}}</td>
                </tr>
                <tr>
                    <td>position</td>
                    <td ng-repeat="analysis_obj in index_field_result">{{analysis_obj.position}}</td>
                </tr>
            </table>
        </div>
        <div class="col-sm-12" ng-show="index_type_result != null">
            <label class="control-label">Index:</label>
            <table class="table table-striped table-bordered table-hover" ng-show="index_type_result != null">
                <tr>
                    <td>text</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.text}}</td>
                </tr>
                <tr>
                    <td>raw_bytes</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.raw_bytes}}</td>
                </tr>
                <tr>
                    <td>start</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.start}}</td>
                </tr>
                <tr>
                    <td>end</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.end}}</td>
                </tr>
                <tr>
                    <td>type</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.type}}</td>
                </tr>
                <tr>
                    <td>position</td>
                    <td ng-repeat="analysis_obj in index_type_result">{{analysis_obj.position}}</td>
                </tr>
            </table>
        </div>
    </div>
</div>